html,body{
    width: 100%;
    height: 100%;
}
//头部
.content{
    height: 100%;
    .topwapper{
        height: 100%;
        width: 100%;
        position: fixed;
        .top{
            box-shadow: 1px 0 3px 0 rgba(0, 0, 0, 0.2);
            width: 100%;
            background: #ffffff;
            height: 70px;
            .top_left{
                background: #eeeeee;
                float: left;
                width: 200px;
                height: 100%;
                // background: blue;
                text-align: center;
                font-size: 20px;
                line-height: 70px;
            }
            .top_left2{
                float: left;
                width: 100px;
                height: 100%;
                // background: pink;
                display: flex;
                justify-content: center;
                align-items: center;
            }
            .top_right{
                float: right;
                width: 200px;
                height: 100%;
                // background: pink;
                display: flex;
                justify-content: center;
                align-items: center;
                .imgwapper{
                    margin-right: 20px;
                    overflow: hidden;
                    width: 50px;
                    height: 50px;
                    // background: saddlebrown;
                    border-radius: 50%;
                    img{
                        width: 50px;
                        height: 50px;
                    }
                }
                .selectwapper{
                    height: 50px;
                    width: 80px;
                    .dropdown{
                        height: 100%;
                        p{
                            height: 50px;
                            line-height: 50px;
                        }
                        .dropdown-menu{
                            transform: none  !important;
                            top: 48px !important;
                            left: -68px !important;
                            position: absolute !important;
                        }
                    }
                    
                }
            }
        }
        .side{
            width: 200px;
            height: 100%;
            background: #2f353f;
            li{
                height: 50px;
                line-height: 50px;
                text-align: left;
                padding-left: 30px;
                a{
                    color: #a7b1c2;
                }
                a:hover{
                    text-decoration: none  !important;
                    color: #ffffff;
                }
            }
            li:hover{
                background: #272c35;
            }
        }
    }
}

